<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>购物车</title>
    <script src="./js/flexible.debug.js"></script>
    <link rel="stylesheet" href="./css/demo1.css">
    <link rel="stylesheet" href="./swiper/css/swiper.css">
    <link rel="stylesheet" href="./css/reset.css">
</head>

<body>


    <div class="nav-bar">
        <div class="nav-left">
            <a href="">
                <</a>
                    <span>返回</span>
        </div>
        <div class="nav-center">
            <a href="">购物车</a>
        </div>
        <div class="nav-right">
            <a href="">删除</a>
        </div>
    </div>
    <div class="top">
        <div class="top-left">
            <img src="./img/1.jpg" alt="">
        </div>
        <div class="top-right">
            <p>天联涿州服务平台</p>
        </div>
    </div>
    <div class="header">
        <div class="header-left">
            <img src="./img/1.jpg" alt="">
        </div>
        <div class="header-center">
            <img src="./img/xiajia.jpg" alt="">
        </div>
        <div class="header-right">
            <ul>
                <li>vivX6Plus移动联通双4G手机双卡</li>
                <li>4G+64G 金色</li>
            </ul>
            <span>库存不足</span>
            <p>
                <a href="">￥2988</a>
                <div class="header-right-r">
                    <button>-</button>
                    <input type="" value="1">
                    <button>+</button>
                </div>
            </p>
        </div>
    </div>

    <div class="main">
        <div class="main-left">
            <img src="./img/2.jpg" alt="">
        </div>
        <div class="main-center">
            <img src="./img/xiajia.jpg" alt="">
        </div>
        <div class="main-right">
            <ul>
                <li>vivX6Plus移动联通双4G手机双卡</li>
                <li>4G+64G 金色</li>
            </ul>
            <span>库存不足</span>
            <p>
                <a href="">￥2988</a>
                <div class="main-right-r">
                    <button>-</button>
                    <input type="" value="1">
                    <button>+</button>
                </div>
            </p>
        </div>
    </div>
    <div class="mian">
        <div class="main-left">
            <img src="./img/2.jpg" alt="">
        </div>
        <div class="main-center">
            <img src="./img/xiajia.jpg" alt="">
        </div>
        <div class="main-right">
            <ul>
                <li>vivX6Plus移动联通双4G手机双卡</li>
                <li>4G+64G 金色</li>
            </ul>
            <span>库存不足</span>
            <p>
                <a href="">￥2988</a>
                <div class="main-right-r">
                    <button>-</button>
                    <input type="" value="1">
                    <button>+</button>
                </div>
            </p>
        </div>
    </div>

    <div class="footer">
        <div class="footer-left">
            <img src="./img/2.jpg" alt="">
            <a href="">全选</a>
        </div>
        <div class="footer-center">
            <a href="">总计 :</a>
            <span class="footer-center-a">￥</span>
            <a href="" class="footer-center-a">2998</a>
            <span>(不含运费)</span>
        </div>
        <div class="footer-right">
            <button>结算(1)</button>
        </div>
    </div>

    <div class="kuang">
        <div class="mask"></div>
        <div class="doling">
            <div class="doling-top">
                <p>确定删除所有商品？</p>
            </div>
            <div class="doling-bottom">
                <button>确定</button>
                <button>取消</button>
            </div>
        </div>
    </div>


    <script src="./swiper/js/swiper.js"></script>
</body>

</html>